<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>数据库接口管理</title>
<link rel="stylesheet" type="text/css" href="../../css/reset.css">
<link rel="stylesheet" type="text/css" href="../../css/css.css" />
<link rel="stylesheet" type="text/css"
	href="../../js/jquery-easyui-1.4.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="../../js/jquery-easyui-1.4.3/themes/icon.css">
<link rel="stylesheet" type="text/css" href="../../css/colorReset.css" />
<style type="text/css">
.main {
	overflow: hidden;
}

.left_menu {
	float: left;
	width: 22%;
	min-height: 410px;
	/*border:1px solid #95B8E7;*/
	background-color: #FFFFFF;
	overflow: hidden;
}

.tree_con {
	min-height: 340px;
	overflow: auto;
	margin: 0 auto;
	padding-top: 10px;
}

/*.menu_tit{
	text-align:center;
	font-weight:bold;
	height:25px;
	line-height:25px;
	background-color:#efefef;
	background: -webkit-linear-gradient(top,#F9F9F9 0,#efefef 100%);
	background: -moz-linear-gradient(top,#F9F9F9 0,#efefef 100%);
	background: -o-linear-gradient(top,#F9F9F9 0,#efefef 100%);
	background: linear-gradient(to bottom,#F9F9F9 0,#efefef 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9F9F9,endColorstr=#efefef,GradientType=0);
	margin:0 0 10px 0;
	border-bottom:1px solid #95B8E7;
}*/
.menu_tit {
	margin-bottom: 0;
}

.search-con {
	background: #f0fbff;
	border-bottom: 1px solid #d1d8de;
	padding: 5px 0;
	line-height: 26px;
}

.search-con .text {
	width: 110px;
	height: 20px;
	line-height: 20px;
	border-radius: 0;
}

.left_menu .text {
	/*border: 1px solid #95B8E7;*/
	border: 1px solid #d3d8d9;
	padding: 2px 3px;
}

.right_con {
	float: right;
	width: 77%;
	min-height: 410px;
	position: relative;
	/*border:1px solid #95B8E7;*/
	background-color: #FFFFFF;
}

.right_con .menu_tit {
	text-align: left;
	padding: 0 0 0 10px;
}

.right_con ul {
	margin: 10px auto;
	width: 775px;
	overflow: hidden;
}

.right_con ul li {
	width: 380px;
	display: block;
	float: left;
	height: 35px;
	overflow: hidden;
	padding: 5px 0;
}

.right_con ul li.li_col {
	width: 775px;
	height: auto;
}

.right_con .text {
	width: 156px;
	/*border: 1px solid #95B8E7;*/
	border: 1px solid #d3d8d9;
	padding: 2px 3px;
}

.right_con .label {
	width: 120px;
	text-align: right;
	display: block;
	float: left;
	line-height: 25px;
}

.right_con .input_con {
	float: left;
}

.onSave {
	margin: 20px auto 0 auto;
	display: block;
	width: 100px;
}

.tree-node-selected {
	background: #ffe48d;
	color: #000000;
}

.right_mask {
	position: absolute;
	background-color: #FFFFFF;
	height: 100%;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 10000;
	filter: alpha(opacity = 10);
	opacity: 0.1;
}

.txtP {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 95px;
	display: inline-block;
	float: left;
	line-height: 22px;
}
</style>

</head>

<body>


	<div class="main">


		<div class="left_menu">
			<div class="menu_tit">领域系统结构</div>
			<div class="hidden search-con">
				<label for="systemName" style="margin-left: 10px;" class="fl">名称：</label>
				<input id="systemName" name="systemName" class="text fl" /> <a
					href="javascript:void(0);" id="searchNode" name="searchNode"
					class="default_btn fl" style="width: 60px; display: block">定位</a>
			</div>
			<div class="tree_con">
				<ul id="tt"></ul>
			</div>
		</div>


		<div class="right_con">
			<div class="menu_tit">接口基本信息</div>
			<div class="right_mask"></div>
			<form id="ff" style="text-align: center; margin-top: 10px">
				<ul>
					<li><input id="txtJobNameId" name="txtJobNameId"
						style="display: none" class="text" /> <label for="txtJobName"
						class="label">接口名称：</label>
						<div class="input_con">
							<label style="display: none" id=rescode></label> <label
								style="display: none" id=sencode></label> <input id="txtJobName"
								name="txtJobName"
								data-options="required:true,validType:['unnormal','length[0,50]']"
								missingMessage="作业名称不能为空!" class="text easyui-validatebox" />
						</div></li>
					<li><label for="txtJobCode" class="label">接口编码：</label>
						<div class="input_con">
							<p class="txtP" title="" id="bianma">ETL_发送方编码2接收方编码_???</p>
							<input style="width: 50px; float: left;" id="txtJobCode"
								name="txtJobCode"
								data-options="required:true,validType:['number','length[0,150]']"
								missingMessage="接口编码不能为空!" class="text easyui-validatebox" />
						</div> <img style="margin-top: 3px; cursor: pointer;" alt=""
						title="编码格式为：ETL_发送发编码2接收方编码_编号" class="easyui-tooltip"
						src="../../images/link.png" id=""></li>

					<li><label for="comboxInterfaceSenderField" class="label">接口发送领域：</label>
						<div class="input_con">
							<input id="comboxInterfaceSenderField"
								name="comboxInterfaceSenderField" class="text" />
						</div></li>
					<li><label for="comboxInterfaceSender" class="label">接口发送方：</label>
						<div class="input_con">
							<input id="comboxInterfaceSender" name="comboxInterfaceSender"
								class="text" />
						</div></li>
					<li><label for="comboxInterfaceReceiverField" class="label">接口接收领域：</label>
						<div class="input_con">
							<input type="text" name="comboxInterfaceReceiverField"
								id="comboxInterfaceReceiverField" class="text" />
						</div></li>
					<li><label for="comboxInterfaceReceiver" class="label">接口接收方：</label>
						<div class="input_con">
							<input class="easyui-validatebox text" type="text"
								name="comboxInterfaceReceiver" id="comboxInterfaceReceiver" />
						</div></li>
					<li><label for="comboxDatabaseTypeSender" class="label">发送方数据库类型：</label>
						<div class="input_con">
							<input class="easyui-validatebox text" type="text"
								name="comboxDatabaseTypeSender" id="comboxDatabaseTypeSender" />
						</div></li>
					<li><label for="comboxDatabaseTypeReceiver" class="label">接收方数据库类型：</label>
						<div class="input_con">
							<input class="easyui-validatebox text" type="text"
								name="comboxDatabaseTypeReceiver"
								id="comboxDatabaseTypeReceiver" />
						</div></li>
					<li><label for="comboxKettleDataSourceSend" class="label">接口发送方数据源：</label>
						<div class="input_con" style="margin-right: 2px;">
							<input class="easyui-validatebox text" type="text"
								name="comboxKettleDataSourceSend"
								id="comboxKettleDataSourceSend" />
						</div> <img style="margin-top: 3px; cursor: pointer;" title="点击显示详细信息!"
						class="easyui-tooltip" alt="" src="../../images/link.png"
						id="sendSource" onclick="jumpSend()"></li>
					<li><label for="comboxKettleDataSourceReceiver" class="label">接口接收方发数据源：</label>
						<div class="input_con">
							<input class="easyui-validatebox text" type="text"
								name="comboxKettleDataSourceReceiver"
								id="comboxKettleDataSourceReceiver" />
						</div> <img style="margin-top: 3px; cursor: pointer;" alt=""
						title="点击显示详细信息!" class="easyui-tooltip"
						src="../../images/link.png" id="receiverSource"
						onclick="jumpReceiver()"></li>
					<li><label for="comboxTechnicalStandard" class="label">技术标准：</label>
						<div class="input_con">
							<input type="text" name="comboxTechnicalStandard"
								id="comboxTechnicalStandard" class="text" />
						</div></li>
					<li><label for="comboxInterfaceScan" class="label">接口场景：</label>
						<div class="input_con">
							<input class="easyui-validatebox text" type="text"
								name="comboxInterfaceScan" id="comboxInterfaceScan" />
						</div></li>
					<li><label for="txtCreateDateTime" class="label">创建日期：</label>
						<div class="input_con">
							<input class="easyui-datebox text" type="text"
								name="txtCreateDateTime" editable="false" readOnly="readonly"
								id="txtCreateDateTime" />
						</div></li>
					<li class="li_col"><label for="txtAreaInterfaceDescription"
						class="label">接口简介：</label>
						<div class="input_con">
							<textarea id="txtAreaInterfaceDescription"
								name="txtAreaInterfaceDescription" style="width: 540px;"
								rows="4" class="textarea easyui-validatebox"
								data-options="validType:'maxLength[100]'"></textarea>
						</div></li>
				</ul>
			</form>
			<button id="instance_save" onClick="onSave()"
				class="onSave easyui-linkbutton default_btn" iconCls="icon-ok"
				style="margin-right: 160px;">保存</button>
		</div>

	</div>
	<script type="text/javascript" src="/webjars/json3/3.3.2/json3.min.js"></script>
	<script type="text/javascript"
		src="../../js/jquery-easyui-1.4.3/jquery.min.js"></script>
	<script type="text/javascript"
		src="../../js/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
	<script type="text/javascript"
		src="../../js/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript" src="../../js/cook/constants.js"></script>
	<script type="text/javascript" src="../../js/cook/public.js"></script>
	<script type="text/javascript" src="../../js/cook/FormValidate.js"></script>
	<script type="text/javascript"
		src="../../js/cook/LedgerManagement/FieldSystemInterfaceManage.js"></script>

	<script type="text/javascript">
$(".left_menu, .right_con").css("height",($("body").height() - 25) + "px");
$(".tree_con").css("height",($("body").height() - 95) + "px");
</script>
</body>
</html>